<!DOCTYPE html>
<html>

<head>
    <title>Front Server</title>
    <script src="main.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">

</head>

<body style="background-color: white;">
    <div style="display: flex; width: 100vw; height: 100vh; justify-content: center; align-items: center; flex-direction: column;">
        <form style="width: 400px;">
            <input type="text" name="key" placeholder="Введите фразу" id="get_key">
            <button type="button" id="submit_button" class="btn" onclick="getUppercase()">Uppercase</button>
            <button type="button" class="btn" id="submit_button" onclick="getCount()">Count</button>
        </form>
        <p id="get_answer"></p>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
        crossorigin="anonymous"></script>
</body>

</html>
